<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
		<title>信息登记</title>
		<link rel="stylesheet" type="text/css" th:href="@{/css/saoma.css}"/>
		<!--<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>-->

	</head>
	<body>
		<div class="index_box_null">
			<form  id="form-add">
			<div class="mes_ban">
				<img th:src="@{img/banner copy.png}"/>
			</div>
			<div class="mes_tishi">
				<p class="notic_p1">小区公告：疫情防控，请如实填写信息</p>
			    <p class="notic_p2">
			    	个人信息登记<span>【五号院小区】</span>
			    </p>
			</div>
			<div class="mes_list">
				<div class="mes_txt">姓名<span class="sp_red">*</span></div>
				<div class="mes_inp">
					<input type="text" name="" value=""  placeholder="请输入姓名"/>
				</div>
			</div>
			<div class="mes_list">
				<div class="mes_txt">身份证号<span class="sp_red">*</span></div>
				<div class="mes_inp">
					<input type="text" name="" value=""  placeholder="请输入身份证号"/>
				</div>
			</div>
			<div class="mes_list">
				<div class="mes_txt">手机号<span class="sp_red">*</span></div>
				<div class="mes_inp">
					<input type="text" name="" value=""  placeholder="请输入手机号"/>
				</div>
			</div>
			<div class="mes_list">
				<div class="mes_txt">楼栋<span class="sp_red">*</span></div>
				<div class="mes_inp">
					<input type="text" name="" value=""  placeholder="请输入楼栋"/>
				</div>
			</div>
			<div class="mes_list">
				<div class="mes_txt">单元<span class="sp_red">*</span></div>
				<div class="mes_inp">
					<input type="text" name="" value=""  placeholder="请输入单元"/>
				</div>
			</div>
			<div class="mes_list">
				<div class="mes_txt">房间号<span class="sp_red">*</span></div>
				<div class="mes_inp">
					<input type="text" name="" value=""  placeholder="请输入房间号"/>
				</div>
			</div>
			<div class="mes_list lin_bot">
				<div class="mes_txt">是否到过疫情严重地区<span class="sp_red">*</span></div>
				<div class="mes_cho">

					<input type="radio" name="yes"  value="1" id="optionsRadios1" />是
					<input type="radio" name="yes" value="0" id="optionsRadios2" class="radio-fou"/>否
				</div>
			</div>
			<div class="mes_list lin_bot">
				<div class="mes_txt">选择地区(可多选)<span class="sp_red">*</span></div>
				<div class="mes_chomore">
					<div class="choose_box">
						<span>湖北</span>
						<input type="checkbox" name="" id="" value="" class="choose_more"/>
					</div>
					<div class="choose_box">
						<span>信阳</span>
						<input type="checkbox" name="" id="" value="" class="choose_more"/>
					</div>
					<div class="choose_box">
						<span>南阳</span>
						<input type="checkbox" name="" id="" value="" class="choose_more"/>
					</div>
					<div class="choose_box">
						<span>其他地区</span>
						<input type="text" name="" id="" value=""class="choose_moreip" placeholder="请输入地区"/>
					</div>
				</div>
			</div>
			<div class="mes_list lin_bot">
				<div class="mes_txt">是否接触过疑似病人<span class="sp_red">*</span></div>
				<div class="mes_cho">
					<input type="radio" name="yes" id="" value="" />是
					<input type="radio" name="yes" id="" value="" class="radio-fou"/>否
				</div>
			</div>
			<div class="mes_list lin_bot">
				<div class="mes_txt">是否有不适<span class="sp_red">*</span></div>
				<div class="mes_cho">
					<input type="radio" name="yes" id="" value="" />是
					<input type="radio" name="yes" id="" value="" class="radio-fou"/>否
				</div>
			</div>
			<div class="mes_list lin_bot">
				<div class="mes_txt">身体状况(可多选)<span class="sp_red">*</span></div>
				<div class="mes_chomore">
					<div class="choose_box">
						<span>发热</span>
						<input type="checkbox" name="" id="" value="" class="choose_more"/>
					</div>
					<div class="choose_box">
						<span>胸闷</span>
						<input type="checkbox" name="" id="" value="" class="choose_more"/>
					</div>
					<div class="choose_box">
						<span>咳嗽</span>
						<input type="checkbox" name="" id="" value="" class="choose_more"/>
					</div>
					<div class="choose_box">
						<span>乏力</span>
						<input type="checkbox" name="" id="" value="" class="choose_more"/>
					</div>
					<div class="choose_box">
						<span>其他症状</span>
						<input type="text" name="" id="" value=""class="choose_moreip" placeholder="请输入症状"/>
					</div>
				</div>
			</div>
			<div class="mes_list lin_bot">
				<div class="choose_box">
					<span>其他</span>
					<input type="text" name="" id="" value=""class="choose_moreip inlinb" placeholder="请输入信息"/>
				</div>
			</div>
			<div class="mes_btn"> <input type="button" name="" id="" value="提交" /></div>


			</form>
		</div>
		<script th:src="@{/js/jquery.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{/js/bootstrap.min.js}"></script>
		<!-- jquery-validate 表单验证插件 -->
		<script th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
		<script th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
		<script th:src="@{/ajax/libs/validate/jquery.validate.extend.js}"></script>
		<script th:src="@{/ajax/libs/iCheck/icheck.min.js}"></script>
		<script th:src="@{/ajax/libs/layer/layer.min.js}"></script>
		<script th:src="@{/ruoyi/js/common.js?v=4.1.0}"></script>
		<script th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>
		<script th:inline="javascript"> var ctx = [[@{/}]]; </script>
		<!--<script src="js/mui.js" type="text/javascript" charset="utf-8"></script>-->
		<script type="text/javascript">
			var prefix = ctx + "system/dept";

			$("#form-dept-add").validate({
				onkeyup: false,
				rules:{
					deptName:{
						remote: {
							url: prefix + "/checkDeptNameUnique",
							type: "post",
							dataType: "json",
							data: {
								"parentId": function() {
									return $("input[name='parentId']").val();
								},
								"deptName" : function() {
									return $.common.trim($("#deptName").val());
								}
							},
							dataFilter: function(data, type) {
								return $.validate.unique(data);
							}
						}
					},
					orderNum:{
						digits:true
					},
					email:{
						email:true,
					},
					phone:{
						isPhone:true,
					},
				},
				messages: {
					"deptName": {
						remote: "部门已经存在"
					}
				},
				focusCleanup: true
			});

			function submitHandler() {
				if ($.validate.form()) {
					$.operate.save(prefix + "/add", $('#form-dept-add').serialize());
				}
			}

			/*部门管理-新增-选择父部门树*/
			function selectDeptTree() {
				var options = {
					title: '部门选择',
					width: "380",
					url: prefix + "/selectDeptTree/" + $("#treeId").val(),
					callBack: doSubmit
				};
				$.modal.openOptions(options);
			}

			function doSubmit(index, layero){
				var body = layer.getChildFrame('body', index);
				$("#treeId").val(body.find('#treeId').val());
				$("#treeName").val(body.find('#treeName').val());
				layer.close(index);
			}
		</script>
	</body>

</html>
